@import url("reset.css");
body{background: #f5f5f5 url('../images/bg.png');line-height: 1.5;font-size: 14px;font-family:tahoma,arial,sans-serif;}
#container{width:980px;margin:0 auto}
#wraper{background: #fff url(../images/Shadow.png) repeat-y;padding:3px 3px 0px 3px;}
#header{background:url(../images/Shadow.png) repeat-y;padding:0 3px;margin-top:20px;position: relative;}
#Cheader{background:#555555 url(../images/bg_header.png) repeat-x;padding:20px 10px 0 10px;}
.logo{width:400px;}
.hbogoc{width:12px;height:11px;position:absolute;}
.htrai{background:url(../images/riatrai.png) no-repeat;left: 0px;top:1px;}
.hphai{background:url(../images/riaphai.png) no-repeat;right: 1px;top:1px;}
/*rong 974px;//background:#555555 url(../images/bg_header.png) repeat-x;

/*----------------------------------------------------------
menu top
-----------------------------------------------------------*/
.canhnav{width:11px;height:49px;position:absolute;}
.ntrai{background:url(../images/navleft.png) no-repeat;left:-8px;top:0px;}
.nphai{background:url(../images/navright.png) no-repeat;right:-8px;top:0px;}
#nav{height:45px;background:url(../images/mainnav.jpg) repeat-x;  margin: 0 3px;}
#menu{position: relative;z-index:9999}
#nav, #nav ul {list-style:  none;position: relative;z-index:9999}
#nav a:link, #nav a:active,#nav a:visited {display: block;color: #464646;font-weight:bold;text-decoration: none;background: url(../images/navbglir.jpg) no-repeat right; line-height: 40px;padding:0 10px;}
#nav a:hover {background: #fff url(../images/navhover.jpg) repeat-x;color: #fff;}
#nav li {float: left;position: relative;z-index:9999}
#nav ul {position: absolute;width: 12em;display: none;}
#nav ul li a{background: url(../images/bgli_child.jpg) repeat-x right !important;line-height: 30px !important;height:30px;}
#nav ul li a:hover{background: #fff url(../images/hoverli2.jpg) repeat-x !important;color: #fff;}
#nav li ul a {width: 12em;float: left;}
#nav ul ul {top: auto;}
#nav li ul ul {left: 12em;margin: 0px 0 0 20px;}
#nav li:hover ul ul, 
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul {
    display: none;
}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul {
    display: block;
}
/*--------------end menu---------------*/
#Content{padding:5px;}
/*-----------slideshow-----*/
.slideshow{position:relative;margin-bottom:10px;}
.botslideshow{background: url(../images/botslideshow.png) no-repeat;height:19px;}
/*------------box hom1--------------------*/
.boxhome1{position:relative;width:495px;background:url(../images/boxh_bg_con.jpg) repeat-y;margin:2px 0px;padding:75px 0px 53px 0px ;}
.boxhtitle{position:absolute;background:url(../images/boxhtitle.jpg) no-repeat;height:65px;width:495px;top:0px;left:0px;}
.boxhcontent{position:relative;padding:0 10px 0 20px;}
.boxhcontent li,.catalogy_c li{background: url(../images/il_arrow.png) no-repeat 0 center;padding-left:20px;line-height: 1.87em;}
.boxhbot{position:absolute;background:url(../images/boxhbot.jpg) no-repeat;height:43px;width:495px;bottom:0px;left:0px;}
/*home2*/
.boxhome2{width:447px;}

/*-------box content----*//*ria rong 4*/
.boxct{position:relative;padding:32px 18px 48px 14px;margin:0px 3px 30px 1px;}
.boxcl_head{height:36px;position:absolute;background:url(../images/boxcl_head.jpg) repeat-x;top:-4px;left:0px;width:100%;}
.brshadow{z-index:10;height:100%;position:absolute;background:url(../images/brshadow.jpg) repeat-y;width:4px;}
.leftsd{background-position:0 0;left:-2px;top: 0px;}
.rightsd{background-position:0px 8px;right:0px;top:0px;}
    /*phan day box*/
.shdobo{width:100%;position:absolute;height:48px;bottom:-20px;left:0px;background:url(../images/shdobo_bg.jpg) repeat-x}
.shdobor{height: 20px;position:absolute;background: url(../images/shdobo_br.jpg) no-repeat;width:256px;}
.leftsdd{background-position:0 0;left:-2px;bottom:-20px;}
.rightsdd{background-position:-256px 0;right:-2px;bottom:-20px;}
/*----------------------slidebar-----------------------*/
.box2col{width: 642px;}

.slidebar{width:270px;}
.box_slide{padding:70px 0 40px 0px;position:relative;background:url(../images/rsli_bgbox.jpg) repeat-y;width:270px;margin-left:15px;}
.head_box_slide{top:0px;left:-4px;position:absolute;width:274px;height:70px;background:url(../images/rsli_headerbox.jpg) no-repeat;}
.bottom_box_slide{bottom:0px;left:0px;position:absolute;width:270px;height:37px;background:url(../images/rsli_bottombox.jpg) no-repeat;}
.span_title_slide{height:34px;margin:12px 0 0 20px;padding-left:35px;line-height:34px;color:#3a3c37;font-size:16px;}
.content_box_slide{padding:0px 0 0 15px;height:250px;overflow-y: auto;margin-right:10px;}
        /*happening*/
.hp_loading{position:absolute;width:24px;height:24px;right:36px;top:20px;}
.day{color:#8b8d0d}
.user_credit{color:#c25f17}
.dayago a{color:#2b0d8d}
.icon_user_16{padding-left:20px;background:url(../images/user_16.png) no-repeat 0 top}
.icon_pin_16{padding-left:20px;background:url(../images/pin_16.png) no-repeat 0 top}
.icon_star_16{padding-left:20px;background:url(../images/star_16.png) no-repeat 0 top}
.icon_add_16{padding-left:20px;background:url(../images/add_16.png) no-repeat 0 top}
.icon_happen_32{background:url(../images/happen_32.png) no-repeat 0 5px;}
.icon_top_32{background:url(../images/top_32.png) no-repeat 0 5px;}
.icon_add_32{background:url(../images/add_32.png) no-repeat 0 5px;}
.icon_chat_32{background:url(../images/chat_32.png) no-repeat 0 5px;}
    
/*--------------Form User-----------------------------*/
    /*----------------table trong user--------------------------*/
    /* start - table */
.span300{margin:5px;}
#acct table {border-collapse: collapse;text-align:center;width:100%}
#acct th strong {color: #fff;}
#acct th {background: #93BC0C;padding:5px 12px;color: #FFF;text-align: left;border-left: 1px solid #B6D59A;border-bottom: solid 2px #FFF;}
#acct td { padding: 5px 10px; border-left: 1px solid #e6e6e6;border-bottom: solid 1px #e2e2e2;}
#acct td.first,th.first {border-left: 0px;}
#acct tr.row-a {background: #F8F8F8;}
#acct tr.row-b {background: #E9E9E9;}

.memberTable td {line-height: 22pt;width:320px;background: url(../images/bgtabld.jpg) no-repeat;}
.memberTable table {border-collapse: separate;border-spacing: 2px;text-align:center;}
.memberTable td a {color: #373833;display: block;font-size: 13px;letter-spacing: -0.2px;padding: 3px 0;width: 100%;font-weight:bold;text-align: center;}

    /*---end table-user --------*/
.form_contetn{width:280px;margin:0 auto;}
.userform input,.input_rform{margin:5px 0px;}
.address_mailing{margin-top:25px;font-weight:bold;}
.register_form{width:400px;margin:0 auto;}

.lb_rform{width:115px;display:inline-block;}
    /*------box thong bao-----------------------*/
.thongbao{ width:306px; margin:0 auto; background:#F9EE6D; padding:10px; position:relative; } 
.register_f .thongbao{ width:480px; margin:10px auto;} 
.thongbao a{color:#F4400E;text-decoration:none;font-weight:bold;}
.thongbao p{ margin:0px; } 
.thongbao #close_login{ width:24px; height:24px; cursor: pointer; position:absolute; top:-10px;right:-10px; background:url(../images/cancel.png) no-repeat; }

/*-- quan ly group---*/
.mota{
    background:url(../images/bgh_mn1.png) repeat-x;
    height:28px;
    line-height:28px;
    color:#fff;
    font-weight:bold;    
}
.img_list_group{
    background:url(../images/group_32.png) no-repeat;
    padding-left:30px;
}
.tb_group{width:100%;border-collapse: separate; border-spacing: 2px;}   
.tb_group a,.tb_group{font-weight:normal;color:#333;}
.tb_group th{padding:5px;background:#eee;font-weight:normal}
.tb_group td {background: #F7F7FB;border-bottom: 1px dotted #CCCCCC;color: #000000;display: table-cell;padding: 6px 0 6px 5px;vertical-align: middle;}
.payout_tb{position:absolute;z-index:99;background:url(../images/pay_com.png) no-repeat;width:38px;height:32px;padding:5px 0 0 19px;}
.payout_tb a{color:#14F6FE;font-weight: bold;display:block;}
.view a{
   background: #F7F7FB url(../images/view.png) 50% 50% no-repeat;
   text-indent:-999999px; 
   display:block;
   width:16px;
   height:16px;
}
.del a{
   background: #F7F7FB url(../images/del.png) 50% 50% no-repeat;
   text-indent:-999999px; 
   display:block;
   width:16px;
   height:16px;
}
a.status{
   background: #F7F7FB url(../images/pub.png) 50% 50% no-repeat;
   text-indent:-999999px; 
   display:block;
   width:16px;
   height:16px;
}
.views a.unpub{
    background:url(../images/unpub.png) 0 0 no-repeat !important;  
}
.views a.status{
    background: #F7F7FB url(../images/pub.png) 50% 50% no-repeat !important;
}
a.unpub{
  background:url(../images/unpub.png) 0 0 no-repeat;  
}
.span30{    
    width:30px;    
    cursor:pointer;
}
.edit a{
   background: #F7F7FB url(../images/edit.png) 50% 50% no-repeat;
   text-indent:-999999px; 
   display:block;
   width:16px;
   height:16px;
}
.span300{width:300px;}


/*--------------------BOX OFFER------------------*/
/**-----------------Offer banner-----------------*/
.offerbanner{width:916px;margin:10px auto;border:1px solid #ddd;background:#fff;padding:5px 0 5px 5px;}
.box_offer{width:288px; background:#E4EAE6;padding:5px;float:left;height:103px;overflow:hidden;margin: 5px 5px 0 0;position:relative;}
.box_offer img{border: 1px solid #CACACA;float: left;height: 70px;padding: 1px;width: 80px;}
.detail_offer{margin-left:5px;font-size: 13px;width:198px;}
.detail_offer .title_offer a{color:#C70012;font-size:13px;font-weight:bold;}
.title_offer a:hover{color:#f70b42;}
.point_offer{color:#fdff3d;font-weight:bold;position:absolute;bottom:7px;left:7px;width:80px;height:23px;background:#9dad1a;text-align:center;}
.intro_offer{color:#333;height:63px;overflow:hidden;}
.obanner{background: #404040;margin: 24px 5px 5px 5px;padding:5px 0 10px 8px;}
/*--offer wall---*/
#tabContaier, .tabdetail{margin-right: 5px;}
#tabContaier ul{margin:0;display:block;}
#tabContaier ul li a{float:left;margin:0 3px;background:url(../images/active_tab.png) repeat-x;display:block;height:34px;line-height:34px;padding:0 10px;color:#000;font-weight:bold;}
#tabContaier .active{background: url(../images/li_tab.png) repeat-x; color:#dfdfdf}
.tabdetail{background: url(../images/bg_tab_detail.png) repeat-x; padding:1px; }
.tabContents{padding:30px 10px 10px 10px; }
/*----------------------END OFFER----------------*/
/**phan trang**/
.phantrang{clear: both;margin:15px;}
.phantrang li{float:left;margin:2px;border:1px solid #Cacaca;}
.phantrang li a, .phantrang .current{display:block;padding:0 5px;}
.phantrang li a{color:#0948F4;background:#ddd;}
.current{background: #B71D1D;color:#fff;}
.phantrang li a:hover{background:#B71D1D;color:#fff;}

/*---------------------------------------------
box network
---------------------------------------------*/
.boxnw{background:url(../images/bg_boxnwk.png) repeat-y;width:957px;padding:40px 3px 12px 3px;position:relative;margin-bottom:20px;}
.boxnw_title{background:url(../images/boxnwtitle.png) repeat-x;height:46px;position:absolute;top:-2px;width:957px;}
.boxnwtitle{background:url(../images/bg_boxnw_title.png) no-repeat;position:absolute;top:10px;left:-9px;width:156px;height:32px;line-height:28px;padding-left:20px;font-weight:bold;color:#515444;}
.boxnw_content{padding:10px;}
.boxnw_bot{position:absolute;bottom:0px;left: 0px;background:url(../images/boxnwbottom.png) no-repeat;width:964px;height:19px}
/**--------------------------------------------------------
footer
----------------------------------------------------------*/
.line-footer{height:4px;background:#adadad;width:100%;}
.cfooter{background:#595959;}
#footer{position:relative;margin-bottom:10px;}
.footerg{position:absolute;width:5px;height:7px;}
.leftf{background: url(../images/footerleft.jpg) no-repeat;left:-1px;bottom:-2px;}
.rightf{background: url(../images/footerright.jpg) no-repeat;right:-1px;bottom:-1px;}
#footer .contentf{width:510px;padding:15px 10px;}
#footer .fct2{text-align:center;}
#footer .stats{background:url(../images/stats.png) no-repeat;height:32px;padding-left:40px;line-height:32px;color:#9fb33a;font-weight:bold;}
#footer li, #footer li a {color:#999999;}
#footer .cfvalu{color:#c1cf81}
#footer .linkft{background:url(../images/linkft.png) no-repeat;}
.fct3,.fct2{width:200px;padding:15px 10px;}


